var React = require('react');


var Bheader = require('../widget/Bheader');
var GT = require('../components/GT');

module.exports = React.createClass({
    getInitialState: function () {
        return {
            theme:"Default",
            imgList:""
        }
    },
    myScroll:"",

    componentDidMount: function () {

    },

    componentDidUpdate(){
        setTimeout(this.iscroll,800);
    },
    /**iScroll插件*/
    iscroll(){
        var p =this;
        p.myScroll = new IScroll("#faxianInfoWrapper",{
            // 默认iscroll会拦截元素的默认事件处理函数，我们需要响应onClick，因此要配置
            preventDefault: false,
            // 禁止缩放
            zoom: false,
            // 支持鼠标事件，因为我开发是PC鼠标模拟的
            mouseWheel: true,
            // 滚动事件的探测灵敏度，1-3，越高越灵敏，兼容性越好，性能越差
            probeType: 3,
            // 拖拽超过上下界后出现弹射动画效果，用于实现下拉/上拉刷新
            bounce: true,
            // 展示滚动条
            scrollbars: false
        });
    },

    render: function () {
        var p = this;
        var img = localStorage.getItem("faxianImg");
        var imgList = img.split(",").map(function (obj) {
            return (
                <img key={obj} src={obj}/>
            )
        });
        return (
            <div className="main"  id="main">
                <Bheader theme={p.state.theme} headr="false" title="发现新宠" hact="#faxian"></Bheader>
                <div id="faxianInfoWrapper" className="container-t noFooter">
                    <div className="faxianInfo">
                        {imgList}
                    </div>
                </div>
            </div>
        )
    }
});
